<template>
    <div class="section-title">
        <slot></slot>
        <span class="title-name">{{titleName}}</span>
        <span class="title-des">{{des}}</span>
    </div>
</template>

<script>
    export default {
        props: {
            titleName: {
                type: String,
                default: ""
            },
            des:{
                type:String,
                default:""
            }
        },
    }
</script>

<style lang="stylus" scoped>
.section-title {
    padding 20px 0px;
    color #333;
    font-size 18px;
    display flex;
    align-items center;
    .title-name {
        margin-left 12px
    }
    .title-des {
        color #ff7e00;
        margin-left 5px
    }
}
</style>